<template>
    <div class="mapDiv">
        <tdt-map :center="center2" :zoom="zoom2">
        <tdt-polygon
            v-for="(item, index) in polygonPath"
            :key="index"
            :path="item"
            color="red"
            :opacity="1"
            :edit="false"
        ></tdt-polygon>
        </tdt-map>
    </div>
</template>

<script >
export default {
    data(){
        return{
            center2: [100.236607, 26.875],
            zoom2: 15,
            polygonPath: [],
        }
    }
}
</script>
<style  scoped>
.mapDiv {
  width: 100%;
  /* height: 600px; */
  padding: 0;
}
</style>